widgets.brease.OnlineChartGraph

Widget Description

short: Widget for Data
de: Widget zur Anzeige eines Graphen der Zeitserie
en: Widget to display in a graph a time series

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
enable Initial option to enable widget. Behavior Boolean true true false false false false true
interpolationType Definition of interpolation type which should be applied to the graph. Behavior brease.enum.ChartInterpolationType step-after false false false false false true
maxValue Maximum value for the graph as simple value Behavior Number 100 false false false false false true
minValue Minimum value for the graph Behavior Number 0 false false false false false true
node Current value to display on the graph as node Data brease.datatype.Node true false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
value Current value to display on the graph as simple value Data Number 0 true false false false false true node
visible change visibility Behavior Boolean true true false false false false true
xAxisRefId Name of the X-Axis the data refer to Data WidgetReference no defaultValue
defined		 false false true false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true

Styleable Properties

name type description defaultValue
lineColor Color

Color of the line

 #FF0000
disabledLineColor Color

Color of the line when the widget is disabled

 rgba(221, 221, 221, 1)
lineWidth PixelVal

Width of the line

 2px
fillColor Color

Color of the area under the line

 rgba(255, 255, 255, 0)
disabledFillColor Color

Color of the area under the line when the widget is disabled

 rgba(255, 255, 255, 0)
intersectionPointColor Color

Color of the intersection point between the graph and a cursor when not active and not disabled

 #FFBB88
activeIntersectionPointColor Color

Color of the intersection point between the graph and a cursor when active and not disabled

 #FF8800
disabledIntersectionPointColor Color

Color of the intersection point between the graph and a cursor when disabled

 #EEEEEE

Events

name description arguments
Click Fired when widget is clicked
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
SetEnable Sets the state of property «enable»
  • value: Boolean

SetStyle
  • value: StyleReference

SetVisible Sets the state of property «visible»
  • value: Boolean